<%@page import="java.util.Map"%>
<%@page import="java.util.List"%>
<%@page import="com.honeycomb.common.PositionInfo"%>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<%
		List<Map<String, Object>>  list = (List<Map<String, Object>>)request.getAttribute("list");
		if (list.size() == 0) {
			throw new IllegalStateException("System error, message detail messages can not been found.");
		}
		Map<String, Object> message = list.get(0);
		
		UserinfoDto userInfoDto = (UserinfoDto)session.getAttribute(SystemConstants.LOGINUSER_SESSION_NAME);
		
		// 获取用户当前位置
		PositionInfo posiInfo = (PositionInfo)session.getAttribute(SystemConstants.LOGINUSER_SESSION_CURRENT_POSITION);
%>
<title><%=message.get("messageTitle") %></title>
<script type="text/javascript" src="<%=request.getContextPath()%>/resource/js/jquery/jquery-1.8.2.js"></script>
<link rel="stylesheet" href="<%=request.getContextPath()%>/resource/css/part_articleList.css" />
<script src="<%=request.getContextPath()%>/resource/js/portamento-min.js"></script>
<script charset="utf-8" src="<%=request.getContextPath()%>/resource/plugins/editor/kindeditor.js"></script>
<script charset="utf-8" src="<%=request.getContextPath()%>/resource/plugins/editor/lang/zh_CN.js"></script>
<link rel="stylesheet" href="<%=request.getContextPath()%>/resource/plugins/editor/plugins/code/prettify.css" />
<link rel="stylesheet" href="<%=request.getContextPath()%>/resource/plugins/editor/themes/default/default.css" />
<script charset="utf-8" src="<%=request.getContextPath()%>/resource/plugins/editor/plugins/code/prettify.js"></script>
<script src="<%=request.getContextPath()%>/resource/js/articleEditor.js"></script>

<script type="text/javascript">

	
	var _gaq = _gaq || [];
	  _gaq.push(['_setAccount', 'UA-16673483-1']);
	  _gaq.push(['_trackPageview']);


	 (function() {
	    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
	    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
	    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
	  })();
		//检测文本框字数是否超出
	  function checkstr(digit){      //定义checkstr函数实现对用户名长度的限制
		   var n=30;          //定义变量n,初始值为0
		   var str=document.getElementById('articleTitle').value;
			 if(str.length > digit){
				 
			}else {
				document.getElementById('num').innerHTML= n - str.length;
			}
		}
	//隐藏回复内容，全屏文章
	function yincanghuifu(articleId) {
		  $('.zhankai').css("display","none");
		  $('.shousuo').css("display","block");
		  var str = $('#'+articleId).html();
		  $('#wrapper').css("display","none");
		  $('#QuanPingArticle').css("display","block");
		  $('#QpArticle').html(str);
		  $('.message-box2').css("width","auto");
	 }
	 
	//还原回复内容，文章
	function huanyuanyemian(articleId) {
		$('.message-box2').css("width","445px");
		$('#wrapper').css("display","block");
		$('.shousuo').css("display","none");
		$('.zhankai').css("display","block");
		$('#QuanPingArticle').css("display","none");
	}

	//实现点击右边回复，放大显示在左边
	$(function(){
		 $('#article0').css("display","block");
		//$('#wenzhang').html("<div style='width: 610px;'><div id='viewport' style='width: 590px'><div id='overview'><span id='QuanPingXianShiArticle'>" + str + "</span><div style='clear: both;'></div></div></div></div>");
		//$('#scrollbar1').tinyscrollbar();
		//content = "content0";
	});
	function test(id) {
		$('.articleContent').css("display","none");
		$('#'+id).css("display","block");
		//$('#wenzhang').html("<div style='width: 610px;'><div id='viewport' style='width: 590px'><div id='overview'><span id='QuanPingXianShiArticle'>" + str + "</span><div style='clear: both;'></div></div></div></div>");
		//$('#scrollbar1').tinyscrollbar();
		content = contentId;
	}

	//不刷新，提交回复内容
	function tijiaohuifu(topicId) {
		var pageViewEncodeStr = "<%= request.getAttribute("pageView") == null ? "" : (String)request.getAttribute("pageView") %>";
		var articleContent = articleEditor_inputEditor.html();
		var articleSummary = articleEditor_inputEditor.text().replace(new RegExp("<\\s*img\\s+([^>]*)>", 'g'), " ");
		articleSummary = articleSummary.replace(new RegExp("<\\s*embed\\s+([^>]*)>", 'g'), " ");
		if (articleSummary.length > 60){
			articleSummary = articleSummary.substr(0, 60) + "...";
		}
		var articleTitle = $('#articleTitle').val();
		if($('#articleTitle').val() == '这里输入标题（不超过30个字）'){
			articleTitle = "";
		}

		var mapX = $('#userX').val();
		var mapY = $('#userY').val();
		var mapAddr = $('#userAddr').val();
		var mapProvider = $('#userMapProvider').val();
		
		$.ajax({
			url: '<%=request.getContextPath() %>/article/ajaxSubmitArticleReply',
			data: {
				articleId : topicId,
				articleTitle : articleTitle,
				articleContent: articleContent,
				articleSummary: articleSummary,
				mapX: mapX,
				mapY: mapY,
				mapAddr: mapAddr,
				mapProvider: mapProvider,
				pageViewEncodeStr : pageViewEncodeStr
			},
			type: 'post',
			async: false,
			dataType: 'json',
			success: function(res) {
				var rs = res.result;
				if(rs == 0) {
					alert("发表成功！");
					window.location.reload();
					hideInputDiv();
					$('#articleTitle').val("");
					articleEditor_inputEditor.html("");
					articleEditor_inputEditor.sync();
				}else {
					alert("对不起发表失败！" + res.message);
				}
			}
		});
	}

	//实现置顶与最下
	$(function(){
	$("#updown").css("top",window.screen.availHeight/2-100+"px");
	$(window).scroll(function() {		
		if($(window).scrollTop() >= 100){
			$('#updown').fadeIn(300); 
		}else{    
			$('#updown').fadeOut(300);    
		}  
	});
	$('#updown .up').click(function(){$('html,body').animate({scrollTop: '0px'}, 800);});
	$('#updown .down').click(function(){$('html,body').animate({scrollTop: document.body.clientHeight+'px'}, 800);});
});
	//显示弹出编辑器DIV
	function partCreateArticleMethod_showCreationDiv2() {
		$('#modify').css("display","none");
		$('#add').css("display","block");
		$('#inputBGDiv').css({
			'display':'block',
			'width':$(document.body).width(),
			'height':1000,
			'opacity':'0.8'
		});
		window.scrollTo(0,0);
		var divW = $('#inputDiv').width();
		var divH = $('#inputDiv').height();
		var windowW = $(window).width();
		var windowH = $(window).height();
		var scrollH = $(document).scrollTop();
		$('#inputDiv').css({
			'display':'block',
			//'top':scrollH+((windowH-divH)/2),
			'top':0,
			'left':(windowW-divW)/2
		});
		//setTimeout("huifushuju()",2000); 
	}
		
	//function huifushuju(){
		//articleEditor_inputEditor.text("");
	//}
	
	//弹出编辑器修改内容
	function modifyContent(messageId) {
		$('#add').css("display","none");
		$('#modify').css("display","block");
		$('#inputBGDiv').css({
			'display':'block',
			'width':$(document.body).width(),
			'height': 1000,
			'opacity':'0.8'
		});
		var divW = $('#inputDiv').width();
		var divH = $('#inputDiv').height();
		var windowW = $(window).width();
		var windowH = $(window).height();
		var scrollH = $(document).scrollTop();
		$('#inputDiv').css({
			'display':'block',
			//'top':scrollH+((windowH-divH)/2),
			'top':0,
			'left':(windowW-divW)/2
		});
		$.ajax({
			url: '<%=request.getContextPath() %>/article/selectMessage',
			data: {
				messageId : messageId
			},
			type: 'post',
			async: false,
			dataType: 'json',
			success: function (res){
				if (res.result == 0) {
					var obj = res.obj;
					$('#huifuZhuti').text('修改');
					articleEditor_inputEditor.html(obj.messageContent);
					$('#articleTitle').attr('value',obj.messageTitle);
					$('#positionInfoAddress').text(obj.messagePositionInfoAddress);
					$('#hiddenId').attr('value',messageId);
				}
				else {
					alert("获取内容失败！" + res.message);
				}
				

			}
			
		});
	}
	//修改回复内容
	function xiugaihuifu() {
		
		var pageViewEncodeStr = "<%= request.getAttribute("pageView") == null ? "" : (String)request.getAttribute("pageView") %>";
		var articleContent = articleEditor_inputEditor.html();
		var articleSummary = articleEditor_inputEditor.text().replace(new RegExp("<\\s*img\\s+([^>]*)>", 'g'), " ");
		articleSummary = articleSummary.replace(new RegExp("<\\s*embed\\s+([^>]*)>", 'g'), " ");
		if (articleSummary.length > 60){
			articleSummary = articleSummary.substr(0, 60) + "...";
		}
		var articleTitle = $('#articleTitle').val();
		if($('#articleTitle').val() == '这里输入标题（不超过30个字）'){
			articleTitle = "";
		}
		var messageId = $('#hiddenId').attr('value');
		$.ajax({
			url: '<%=request.getContextPath() %>/article/ajaxModifyArticleMessage',
			data: {
				messageId : messageId,
				articleTitle : articleTitle,
				articleContent: articleContent,
				articleSummary: articleSummary,
				pageViewEncodeStr : pageViewEncodeStr
			},
			type: 'post',
			async: false,
			dataType: 'json',
			success: function(res) {
				var rs = res.result;
				if(rs == 0) {
					alert("修改成功！");
					window.location.reload();
					hideInputDiv();
					$('#articleTitle').val("");
					articleEditor_inputEditor.html("");
					articleEditor_inputEditor.sync();
				}else {
					alert("对不起修改失败！" + res.message);
				}
			}
		});
	}

	//删除文章内容
	function deleteContent(messageId,userId){
		var pageViewEncodeStr = "<%= request.getAttribute("pageView") == null ? "" : (String)request.getAttribute("pageView") %>";
		
		if(confirm("确定要删除消息？")){
			$.ajax({
				url: '<%=request.getContextPath() %>/article/deleteMessage',
				data: {
					messageId : messageId,
					userId : userId,
					pageViewEncodeStr : pageViewEncodeStr
				},
				type: 'post',
				async: false,
				dataType: 'json',
				success: function (res){
					if (res.result == 0) {
						if(res.isMainArticleDeleted == true){
							alert("删除主题文章成功！");
							window.close();
						}else{
						alert("删除成功！");
						window.location.reload();
						}
					}
					else {
						alert("删除内容出错！" + res.message);
					}
				}
			});
		}else{
		}
	}

	// 隐藏弹出编辑器DIV
	function hideInputDiv() {
		$('#inputBGDiv').css({
			'display':'none'
		});
		$('#num').text(30);
		$('#articleTitle').val("这里输入标题（不超过30个字）");
		articleEditor_inputEditor.text("");
		$('#inputDiv').css({
			'display':'none'
		});
	}
</script>
<style type="text/css">
		/* 测试DIV */
		div{
			border:0px solid red;
		}
		/* 初始化字体大小   文章格式 */
		body{
			font-size:16px;
			text-align: center;
		}
		/* 取消超链接下划线 */
		a{
			text-decoration: none;
		}
		html{
			overflow:scroll;
		}
		form {
				margin: 0;
		}
		textarea {
				display: block;
		}
		/* 初始化分页input标签 */
		input{text-align:center;font-size:12px}
		.button1{width:70px;text-align:center}
		.text1{width:30px}
		
		/* 实现尖角DIV */
		.message-box { 
					  position:relative;   
					  width:400px; 
					  background:#f3f3f3; 
					  box-shadow:1px 2px 3px #E9FBE4; 
					  border:1px solid #c0c0c0; 
					  border-radius:4px; 
					  color:#000000; 
		}
		.triangle-border { 
					    position:absolute; 
					    left:30px; 
					    overflow:hidden; 
					    width:0; 
					    height:0; 
					    border-width:10px; 
					    border-style:dashed dashed solid dashed; 
		}
		
		.tb-background { 
					    top:-20px; 
					    border-color:transparent transparent #c0c0c0 transparent; 
		}
		.tb-border { 
				    top:-19px; 
					border-color:transparent transparent #ffffff transparent; 
		}
		
		.message-box2 { 
					  position:relative;   
					  box-shadow:1px 2px 3px #E9FBE4; 
					  border-radius:4px; 
		}
		.triangle-border2 { 
					    position:absolute; 
					    top:30px; 
					    overflow:hidden; 
					    width:0; 
					    height:0; 
					    border-width:10px; 
					    border-style:dashed solid dashed dashed; 
		}
		.tb-background2 { 
					    left:-20px; 
					    border-color:transparent #c0c0c0 transparent transparent; 
		}
		.tb-border2 { 
				    left:-19px; 
					border-color:transparent #ffffff transparent transparent; 
		}
</style>
</head>
<body id="shenti" style="background: url('../resource/images/pages/top-foot/bg.jpg') repeat-x ;">
	<!-- 1楼文章左边全屏显示 -->
	<%@ include file="top.jsp" %>
	<div style="width: 1000px;height: 60px;" id="ydtitle">
			
	</div>
	<div align="center">
		<div id="wrapper" style="width: 1140px;">
			<div id="wenzhang" style="float: left; width: 620px;">
			<div style="width: 170px;height:20px;"></div>
			<%
				for(int i = 0; i < list.size();i++) {
					Map<String, Object> message3 = list.get(i);
			%>
			<div id="hiddenReply<%=i %>">
			<div id="article<%=i %>" class="articleContent" style="display: none;">
				<table>
					<tr>
						<td style="width: 170px" valign="top" align="right">
							<div style="width: 100px;margin-right: 10px">
								<div style="width: 100px;height: 140px;">
									<div>
										<div style="width: 90px;height: 90px;">
											<img src="<%=message3.get("messageAuthorLogoUrl") %>" width="90px" height="90px"/>
										</div>
									</div>
									<div style="font-size: 14px;margin-top: 10px;text-align: center;">
										<b><%=message3.get("messageAuthorName") %></b>
									</div>
								</div>
							</div>
						</td>
						<td>
							<div id="atc" class="atc" style="margin-bottom: 25px;">
								<div class="message-box2" style="width:445px;border: 1px solid #c0c0c0;overflow: hidden;">
									<div class="triangle-border2 tb-background2"></div>
									<div class="triangle-border2 tb-border2"></div>
									<div style="margin: 15px 0px 0px 15px;">
										<div style="text-align: left;">
											<div style="font-size: 17px;float: left;"><b><%=message3.get("messageTitle") %></b></div> <div  style="font-size: 14px;float: right;margin-right: 10px"><b><%=message3.get("messageSubmitDate") %></b></div><div style="clear: both;"></div>
										</div>
										<div style="margin-top: 5px;margin-right: 10px"align="right">
											<a href="javascript:partCreateArticleMethod_showCreationDiv2();">回复</a> <!-- |<a href="#">推荐</a>|<a href="#">收藏</a> -->
										</div>
										<div style="margin:15px 5px 5px 5px;text-align: left;line-height: 40px">
											<div style="width: 445px;"></div><%=message3.get("messageContent") %>
										</div>
									</div>
									<div style="margin-top: 5px;text-align: right;">
										<div style="color: red">
										</div>
									</div>
								</div>
							</div>
						</td>
						<td style="width: 100px" valign="top" align="left">
							<div id="sidebar" style="width: 15px;height: 85px;background-color: #f1f1f1;border: 1px solid #f2f2f2;">
								<div class="shousuo" style="display: none;">
									<a href="javascript: huanyuanyemian('article<%=i %>')">◀<br /><font size="2">还<br />原<br />文<br />章</font></a>
								</div>
								<div class="zhankai" style="display: block;">
									<a href="javascript: yincanghuifu('article<%=i %>')">▶<br /><font size="2">文<br />章<br />全<br />屏</font></a>
								</div>
							</div>
						</td>
					</tr>
				</table>
			</div>
			<div style="clear: both;"></div>
			</div>
			<%
				}
			%>
			</div>
			<div id="huifuym" style="float: left; margin-left:5px; width: 490px;" align="left">
				<div style="width: 530px;">
				<div style='width: 510px'>
				<div>
				<div style="text-align: left;font-size: 13px">
					<a name="top"></a>
					<b><a href="../article/showArticleDetails?id=<%=request.getParameter("id")%>&searchPattern=EARLY_FIRST">从头看起</a></b>|<b><a href="../article/showArticleDetails?id=<%=request.getParameter("id")%>&searchPattern=LAST_FIRST">先看最新</a></b><!-- |<b><a href="#">时间优先↑</a></b>|<b><a href="#">只看楼主</a></b>|<b><a href="#">与我相关</a></b> -->
				</div>
				<!-- 回复摘要右边缩小分页显示 -->
				<%
					String articleId = (String)request.getParameter("id");
					for(int i = 0; i<list.size();i++) {
						Map<String, Object> message2 = list.get(i);
				%>
				<div id="reply<%=i %>" style="width: 460px;border-bottom: 1px solid #c0c0c0;margin-top: 7px;">
					<div style="width: 460px;">
						<div class='index-articleList-oneArticle-top'>
							<div class='index-articleList-oneArticle-authorLogo'>
								<img src='<%=message2.get("messageAuthorLogoUrl")%>' style='width: 38px; height: 38px;' id='index-articleList-oneArticle-top-img'/>
							</div>
							<div class='index-articleList-oneArticle-authorMessage'>
								<div class='index-articleList-oneArticle-authorMessage-name' style="width: 420px">
									<span><a id='index-articleList-oneArticle-authorMessage-name'><%=message2.get("messageAuthorName") %></a></span>
									<span style="margin-left: 245px;font-size: 14px;color:#c0c0c0;text-align: right;"><%=message2.get("messageTypeString") %></span>
								</div>
								<div class='index-articleList-oneArticle-authorMessage-others' id='index-articleList-oneArticle-authorMessage-others' style="width: 420px">
									<span id='index-articleList-oneArticle-authorMessage-others-topic'>话题(45)</span>
									<span style='margin: 0 2px 0 2px; vertical-align: 0px; color: #AEAEAE;'>|</span>
									<span id='index-articleList-oneArticle-authorMessage-others-fans'>粉丝(219)</span>
									<span style="margin-left: 205px;text-align: right;"><%=message2.get("messageSubmitDate") %></span>
								</div>
							</div>
							<div style='clear:both;'></div>
						</div>
						<div style="float: left; display: none;">
							<img src="<%=message2.get("messageAuthorLogoUrl") %>" width="50px" height="50px"/>
						</div>
						<div style="float: left; font-size: 14px;display: none;margin-top: 20px">
							<b><%=message2.get("messageAuthorName") %></b>
						</div>
						<div style="clear: both;"></div>
					</div>
					<div style="width: 420px; margin: 10px 30px 5px 30px;background-color: #ffffff" class="message-box">
						<div class="triangle-border tb-background"></div>
						<div class="triangle-border tb-border"></div>
							<%	
								if(message2.get("messageSummaryPictureUrl").equals("")){
							%>
								<%
									if(((String)(message2.get("messageTextSummary"))).trim().equals("")) {
								%>
								<div style="float: left;line-height: 28px;margin-left: 15px;margin-top: 5px;font-size: 14px">
										该用户没有文字消息。
								</div>
								<%
									}else{
								%>
								<div style="float: left;line-height: 28px;margin-left: 15px;margin-top: 5px;font-size: 12px">
									<%=message2.get("messageTextSummary") %>
								</div>
								<%
									}
								%>
							<%
								}else{
							%>
								<%
									if(((String)(message2.get("messageTextSummary"))).trim().equals("")) {
								%>
								<div style="float: left;line-height: 28px;margin-left: 15px;margin-top: 5px;font-size: 14px">
										该用户没有文字消息。
								</div>
								<%
									}else{
								%>
								<div style="float: left;width: 290px;line-height: 28px;margin-left: 15px;margin-top: 5px;font-size: 12px">
									<%=message2.get("messageTextSummary") %>
								</div>
								<%
									}
								%>
						<div style="width: 100px;float: right;margin: 5px 0px 5px 10px">
							<img src="<%=message2.get("messageSummaryPictureUrl") %>" tppabs="<%=message2.get("messageSummaryPictureUrl") %>" style="max-height:90px; max-width:90px"/>
						</div>
							<%
								}
							%>
						<div style="clear: both;"></div>
					</div>
					<div style="width: 460px; font-size: 12px;margin-bottom: 7px;">
						<span style="margin-left: 30px"><a href="javascript: test('article<%=i %>','content<%=i %>')"> &lt;&lt;查看全文</a></span>
						<%
							if(userInfoDto.getUserId() == message2.get("messageAuthorId") ){
						%>
							<span style="margin-left: 10px"><a href="javascript:partCreateArticleMethod_showCreationDiv2();">回复</a></span>
							<span style="margin-left: 170px;size: 12px"><a href="javascript:modifyContent('<%=message2.get("messageId") %>');">修改</a>|<a href="javascript:deleteContent('<%=message2.get("messageId") %>','<%=userInfoDto.getUserId() %>');"> 删除</a></span>
						<%
							}else{
						%>
							<span style="margin-left: 10px"><a href="javascript:partCreateArticleMethod_showCreationDiv2();">回复</a></span>
						<%
							}
						%>
					</div>
				</div>
					<%
						}
					
						String pageViewStr = (String)request.getAttribute("pageView");
						int firstPage = (Integer)request.getAttribute("firstPage");
						int lastPage = (Integer)request.getAttribute("lastPage");
						int currentPage = (Integer)request.getAttribute("currentPage");
						String preViewStr = (String)request.getAttribute("preView");
						String nextViewStr = (String)request.getAttribute("nextView");
					%>
					<script type="text/javascript">
					$(function(){
						var replyHeight;
						for(var i = 0; i < <%=list.size() %>;i++){
						 replyHeight = $('#reply'+i).height();
						 $('#hiddenReply'+i).height((replyHeight+7));
						}
					});
					</script>
				<p align="center" style="margin-top: 15px;font-size: 13px;">
					<% 	if (currentPage > firstPage) { %>
							<a href="../article/showArticleDetails?id=<%=articleId %>&pageNumber=<%=currentPage-1%>&pgViewEncodeStr=<%=pageViewStr%>&searchPattern="> &lt;上一页</a>	
					<%	}
						else {
							if (!preViewStr.equals("")) {  
					%>
								<a href="../article/showArticleDetails?id=<%=articleId %>&pageNumber=<%=firstPage-1%>&pgViewEncodeStr=<%=preViewStr%>&searchPattern="> &lt;上一页</a>						
					<% 		}
						}
					%>

					<%
					
						if (!preViewStr.equals("")) {
					%>
								<a href="../article/showArticleDetails?id=<%=articleId %>&pageNumber=<%=firstPage-1%>&pgViewEncodeStr=<%=preViewStr%>&searchPattern=">...</a>
					<%
						}
					
						for(int i= firstPage; i<=lastPage; i++) {
							if(i == currentPage){
					%>
								<b><%=i %></b>
					<%
							}else{
					%>
								<a href="../article/showArticleDetails?id=<%=articleId %>&pageNumber=<%=i %>&pgViewEncodeStr=<%=pageViewStr %>&searchPattern="><%=i %></a>
					<%
							}
						}
						if (!nextViewStr.equals("")) {
					%>
							<a href="../article/showArticleDetails?id=<%=articleId %>&pageNumber=<%=lastPage+1%>&pgViewEncodeStr=<%=nextViewStr%>&searchPattern=">... </a>
					<%
						}
					%>
					
					<% 	if (currentPage < lastPage) { %>
							<a href="../article/showArticleDetails?id=<%=articleId %>&pageNumber=<%=currentPage+1%>&pgViewEncodeStr=<%=pageViewStr%>&searchPattern=">下一页&gt; </a>	
					<%	}
						else {
							if (!nextViewStr.equals("")) {  
					%>
								<a href="../article/showArticleDetails?id=<%=articleId %>&pageNumber=<%=lastPage+1%>&pgViewEncodeStr=<%=nextViewStr%>&searchPattern=">下一页&gt; </a>						
					<% 		}
						}
					%>
 				 </p>
 				 </div>
 				 </div>
			</div>
			<div id="updown"><span class="up"></span><span class="down"></span></div>
			</div>
			<div style="clear: both;"></div>
		</div>
		<!-- 全屏文章 -->
		<div id="QuanPingArticle" style="display: none;margin-top: 5px" align="center">
			<div align="center">
				<div id="QpArticle" align="center">
					
				</div>
			</div>
		</div>
		</div>
		<br />
		<%-- 隐藏的发表文章弹出界面 --%>
		<div>
			<%-- 半透明背景DIV --%>
			<div id="inputBGDiv" style="display: none;position: absolute;top: 0px;left: 0px;background-color: #f3f3f3;z-index: 800;"></div>
			<%-- 悬浮弹出回复DIV --%>
			<div id="inputDiv" class="waitwindow" style="width: 772px;height: 361px;border: 1px solid #CCCCCC;display: none;position: absolute;top: 0px;left: 0px;background-color: #ffffff;z-index: 801;">
				<div style="float: left;width: 772px;height: 30px;line-height: 30px;text-align: center;overflow: hidden;background-color: #b4b4bb;">
					<div id="huifuZhuti" style="float: left;color: white;width: 400px;height: 30px;font-weight: bold;text-align: left;margin-left: 10px;">回复消息</div>
					<div style="float: right;color: white;font-weight: bold;width: 30px;height: 30px;cursor: pointer;" onclick="hideInputDiv()">×</div>
					<input type="hidden" id="hiddenId" value=""/>
				</div>
				<div id="indexArticleListForMapPointDiv" class="indexArticleListForMapPointDiv">
		
				</div>
				<div style="float: left;width: 772px;height: 30px;line-height: 30px;text-align: left;margin-bottom: 10px;margin-top: 20px;">
					<div style="float: left;"><font size="3" color="#b4b4bb"><b>标题&nbsp;</b></font><input id="articleTitle" onkeyup="checkstr(30)" type="text" value="这里输入标题（不超过30个字）" onBlur="if (value ==''){value='这里输入标题（不超过30个字）'}" onFocus="if (value =='这里输入标题（不超过30个字）'){value =''}" style="width: 350px;height:30px;color: #b4b4bb;font-weight: bold;text-align: left;" maxlength="30"/>剩余字数:<span id="num" style="color: red;">30</span> </div><div style="width:308px;overflow:hidden;float: left; margin-top: 20px;"><font size="1" color="#aed4f5"><b>我在这里&nbsp;</b></font><input type="hidden" id="userX" value="<%= posiInfo == null ? 0.0 : posiInfo.getLongitude() %>"/><input type="hidden" id="userY" value="<%= posiInfo == null ? 0.0 : posiInfo.getLatitude() %>"/><input type="hidden" id="userAddr" value="<%= posiInfo == null ? ' ' : posiInfo.getAddress() %>"/><input type="hidden" id="userMapProvider" value="<%= posiInfo == null ? 0 : posiInfo.getMapProviderId() %>"/><%= posiInfo == null ? "未找到您的位置信息" : posiInfo.getAddress() %></div>
					<div style="clear: both;"></div>
				</div>
				<div class="margin_5"></div>			
				<div style="float: left;width: 772px;height: auto;overflow: hidden;overflow: hidden;margin-top: 10px;">
					<textarea id="inputTextArea" name="inputTextArea" cols="100" rows="8" style="width:730px;height:180px;"></textarea>
				</div>
				<div style="float: left;width: 772px;height: 25px;margin-top: 3px; margin-bottom: 10px;">
					<input id="modify" type="button" onclick="xiugaihuifu()" value="修改" style="float: left;height: 25px;width:100px;margin:0px 0px 10px 5px;line-height: 20px;font-weight: bold;background-color: #b4b4bb;cursor: pointer;color: white;border: 1px solid gray;display: none;">
					<input id="add" type="button" onclick="tijiaohuifu('<%=articleId %>')" value="发布" style="float: left;height: 25px;width:100px;margin:0px 0px 10px 5px;line-height: 20px;font-weight: bold;background-color: #b4b4bb;cursor: pointer;color: white;border: 1px solid gray;">
					<input type="button" onclick="hideInputDiv()" value="取消" style="float: left;height: 25px;width:50px;margin:0px 0px 10px 5px;line-height: 20px;font-weight: bold;background-color: #f0f0ee;cursor: pointer;color: black;border: 1px solid gray;margin-left: 15px;">
				</div>	
			</div>	
		</div>
		<br />
		<!-- <%@ include file="foot.jsp" %>  -->
</body>
</html>